<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <title>Document</title>
    <style rel="stylesheet" type="text/css">
        body {
            margin: 0 auto;
            padding: 0;
        }

        #container {
            width: 100%;
            height: 100vh;
        }
    </style>
</head>

<body>
    <div id="container"></div>
</body>
<script type="text/javascript">
    window._AMapSecurityConfig = {
        securityJsCode: "6176cf1ecdcdc39665901b30b4bb39e4"
    };
</script>
<!--获取整个地图的脚本:
        直接访问官网下载到本地的，下载时，提供key
    -->
<script src="https://webapi.amap.com/maps?v=2.0&key=7e0dd0cdd01d495b604926f4c011d76f"></script>
<!--初始化地图-->

<script type="text/javascript">

    //地图初始化后，缩放比例
    var zoom = 18;

    //创建地图对象，设置默认的定位经纬度
    var map = new AMap.Map("container", {
        viewMode: '2D', //默认使用 2D 模式
        zoom: 18, //地图级别
        center: [116.397428, 39.90923], //地图中心点
    });

    //当页面加载完毕时
    window.onload = function () {
        //调用鸿蒙端Proxy代理过来的指定方法
        window.swift.setCurrentLocation()
    };

    function setLocation(lng, lat) {
        //第一步：设置地图的中心点
        map.setZoomAndCenter(zoom, [lng, lat])

        //第二步：设置中心点的Marker标记
        var marker = new AMap.Marker({
            map: map,                               //基于那个地图对象
            icon: 'https://webapi.amap.com/theme/v1.3/markers/n/mark_b.png',
            position: [lng, lat]                    //经纬度
        })

        //第三步：为地图添加插件功能
        //自动搜索且标记出周围的核心地标
        map.plugin(
            ['AMap.PlaceSearch'],       //插件-搜索功能
            function () {                 //具体插件执行的操作
                //搜索参数配置对象
                var PlaceSearchOptions = {
                    map: map,            //地图位置
                    pageSize: 4,         //搜索出的结果，默认10个
                    pageIndex: 1,        //显示第几页
                    extensions: 'base'   //返回的详情-只要基本信息
                }

                //创建插件-搜索功能类-功能实例
                var MSearch = new AMap.PlaceSearch(PlaceSearchOptions)

                //设置监听：(具体对象操作，'完成状态'，回调)-没有执行
                AMap.Event.AddListener(MSearch, 'complete', (res) => {
                    //将搜索到的结果，通过事件调用
                    //作为参数，传递到鸿蒙应用中
                    //????????????????????????????????????????
                })

                //正式执行搜索，在指定的坐标周围
                MSearch.searchNearBy('停车场', [lng, lat])
            }
        )


    }


</script>

</html>